<include file="Public:header_content" />
        <div class="row">
                    <div class="ibox-content">
                        <form id='add-member-form' class="form-horizontal m-t" method="post" action="__SELF__" >
                            <div class="form-group">
                                <label class="col-sm-3 control-label">书籍名称</label>
                                <div class="col-sm-6">
                                    <input disabled name="url" class="form-control" value="<{$info.book_name}>"  type="text" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">分类：</label>
                                <div class="col-sm-2">
                                    <select name="cate_id" class="form-control">
                                    <volist name="cates" id="vo">
                                        <option value="<{$vo.cate_id}>" <if condition="$info.cate_id eq $vo.cate_id">selected</if>><{$vo.cate_name}> --->  <{$vo.alias}></option>
                                        </volist>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">作者：</label>
                                <div class="col-sm-2">
                                    <input name="author_name" disabled class="form-control" value="<{$author_name}>"  type="text" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">显示状态：</label>
                                <div class="col-sm-2">
                                    <select name="disabled" class="form-control">
                                        <option value="2" <if condition="$info.disabled eq '2'">selected</if>>影藏/删除</option>
                                        <option value="1" <if condition="$info.disabled eq '1'">selected</if>>显示</option>
                                        </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">推荐统计：</label>
                                <div class="col-sm-2">
                                    <input name="tj_num" class="form-control" value="<{$info.tj_num}>"  type="text" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">书本状态：</label>
                                <div class="col-sm-2">
                                    <select name="status" class="form-control">
                                        <option value="ing" <if condition="$info.status eq 'ing'">selected</if>>更新中</option>
                                        <option value="other" <if condition="$info.status eq 'other'">selected</if>>其他</option>
                                        <option value="end" <if condition="$info.status eq 'end'">selected</if>>已完结</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">封面图片：</label>
                                <input type="hidden" name="img" value="<{$info.img}>">
                                <div class="col-sm-6">
                                    <div id="img-show">
                                        <img id="alwei-img" alt="image" src="<{$info.img}>">
                                    </div>
                                    <div id="uploader-demo">
                                        <!--用来存放item-->
                                        <div id="fileList" class="uploader-list"></div>
                                        <div id="filePicker">选择本地图片</div>
                                    </div>
                                     <div >
                                        <button type="button" id="update-network" class="btn btn-w-m btn-info">选择网络图片</button>
                                    </div>
                                </div>


                            </div>
                            <div class="form-group">
                                <label class="col-sm-3 control-label">简介</label>
                                <div class="col-sm-9">
                                    <textarea name="introduction" rows="10" class="form-control"><{$info.introduction}></textarea>
                                </div>
                            </div>

                            <div class="form-group">

                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                        <button type="submit" class="btn btn-primary">保存</button>
                                    </div>

                            </div>
                            <input type="hidden" name="img" value="<{$info.img}>">
                            <input name="book_id" value="<{$Think.get.book_id}>" type="hidden">
                        </form>

            </div>
        </div>


<include file="Public:footer_content" />
<link rel="stylesheet" type="text/css" href="/Public/plugin/gb312/css/plugins/webuploader/webuploader.css" >
<script src="/Public/plugin/gb312/js/plugins/webuploader/webuploader.min.js" ></script>
<script>
 var BASE_URL = '/Public/plugin/gb312/js/plugins/webuploader';
 var $list = $('#img-show');
    var uploader = WebUploader.create({
           // 选完文件后，是否自动上传。
            auto: true,
            // swf文件路径
            swf: BASE_URL + '/js/Uploader.swf',
            // 文件接收服务端。
            server: '<{:U("Public/UploadImg",array('savePath'=>'img'))}>',
            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '#filePicker',
            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            }
    });
    uploader.on( 'uploadSuccess', function(file,response) {
        //alert(JSON.stringify(file));
        //console.log(response);
        //alert(response._raw);
        //$( '#'+file.id ).addClass('upload-state-done');
        $('input[name="img"]').val(response._raw);
    });


    uploader.on( 'uploadComplete', function(file) {
        //console.log(file);
        //$( '#'+file.id ).find('.progress').fadeOut();
    });


    // 文件上传失败，显示上传出错。
    uploader.on( 'uploadError', function( file ) {
        var $li = $( '#'+file.id ),
            $error = $li.find('div.error');

        // 避免重复创建
        if ( !$error.length ) {
            $error = $('<div class="error"></div>').appendTo( $li );
        }

        $error.text('上传失败');
    });

    // 当有文件添加进来的时候
    uploader.on( 'fileQueued', function( file ) {
            var $li = $( '<div id="' + file.id + '" class="file-item thumbnail">' +
                    '<img>' +
                    '<div class="info">' + file.name +
                    '<a style="float:right;" href="javascript:delImgShow(\''+file.id+'\');" class="cancel">删除</a></div>'+
                    '</div>' ),
            $img = $li.find('img');
            var $btns = $().appendTo( $li );
        // $list为容器jQuery实例
        $list.append($li);


        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        uploader.makeThumb( file, function( error, src ) {
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }
            $img.attr( 'src', src );
        }, 100, 100 );
    });


$('#update-network').click(function(){
    layer.open({
            type: 2,
            title: '添加网络图片',
            shade: [0.5],
            area: ['500px', '200px'],
            fix: false, //不固定
            skin: 'layui-layer-molv',
            content: ['<{:U("Public/networkImage")}>', 'no'], //iframe的url，no代表不显示滚动条
            cancel: function(index, layero){
                console.log(index);
                console.log(layero);
            },
            end: function(){
                //$('#tableList').bootstrapTable('refresh',{url: "<{:U('Book/bookList')}>"});
            }
        });
});

function delImgShow(id){
    $('div#'+id).remove();
    $('input[name="img"]').val($('#alwei-img').attr('src'));
}

    $.validator.setDefaults({
    highlight:function(e){
        $(e).closest(".form-group").removeClass("has-success").addClass("has-error")},
        success:function(e){
            e.closest(".form-group").removeClass("has-error").addClass("has-success")
        },
        errorElement:"span",
        errorPlacement:function(e,r){
            e.appendTo(r.is(":radio")||r.is(":checkbox")?r.parent().parent().parent():r.parent())
        },
        errorClass:"help-block m-b-none",
        validClass:"help-block m-b-none"
    });

    $().ready(function() {
        var e="<i class='fa fa-times-circle'></i> ";
        $("#add-member-form").validate({
            rules:{
                name:{
                                    required:true,
                                    rangelength:[1,10],
//                                    remote: {
//                                        url: "<{:U('Public/checkRepeatMobile')}>",     //后台处理程序
//                                        type: "post",               //数据发送方式
//                                        dataType: "json",           //接受数据格式
//                                        data: {                     //要传递的数据
//                                            mobile:function(){
//                                                return $('#mobile').val();
//                                            }
//                                        }
//                                    }
                                },
                weight:{required:!0,digits:true,max:99,min:0},
                disabled:{required:!0,},
                contact:{},
                url:{required:!0,url:true}
            },
            messages:{
                name:{
                                    required:e+"请输入连接名称",
                                    rangelength:e+"必须两个字符以上1到10个字符之间"
                                },
                weight:{
                    required:e+"请输入排序权重",
                    digits:e+"排序权重只能是数字"
                },
                disabled:{
                    required:e+"请选择状态"
                },
                contact:{
                },
                //email:e+"请输入您的E-mail",
                url:{
                    required:e+"请输入URL链接地址",
                    url:e+"输入的链接地址有误"
                }
            }
        });

    });



</script>
